import React, { Component } from 'react';
import Chart from 'react-apexcharts';
import DataJSON from "../../data/data.json";

export default class BarTest extends Component {

  constructor(porps) {
    super(porps);
    this.state = {
      options: {
        chart: {
          id: 'apexchart-example'
        },
        xaxis: {
          type: "datetime"
        },
        dataLabels: {
          enabled: false,
        }
      },
      series: [{
        name: 'h2o_temperature',
        data: DataJSON.coyote_creek.h2o_feet.datas.slice(0, 239)
      }]
    }

  }

  render() {
    return (
      <Chart options={this.state.options} series={this.state.series} type="bar" width={500} height={320} />
    )
  }
}
